// 放置全局指令

import Vue from 'vue'
import store from '@/store'

// 处理按钮权限

// 先处理超级管理员
const adminPerms = '*:*:*'
// <button v-auth-btn="'parking:rule:list'"></button>
// <button v-auth-btn="'parking:rule:aaa'"></button>
Vue.directive('auth-btn', {
  inserted(el, binding) {
    // 对比个人权限和按钮权限
    // 如果按钮权限在个人权限数组里 就有这个按钮,没有这个权限就没有这个按钮
    const perms = store.state.user.profile.permissions
    if (!perms.includes(binding.value) && !perms.includes(adminPerms)) {
      el.remove()
    }
  }
})
